<template>
  <div class="course-wrapper">
    <div class="header pt-11 h-60">
      <v-img class="h-5" src="/src/icons/logo.svg"></v-img>
    </div>
    <div class="content flex justify-center">
      <v-card class="bg-white pb-44 w-full !shadow-none" max-width="1726px">
        <p class="title text-4xl pb-20 pt-16">钱包下载注册教程</p>
        <div class="btns-wrap pl-10 pr-10">
          <p class="text pt-8 pb-5">下载注册教程</p>
          <v-btn
            class="w-full !h-16 text-lg"
            color="#56CA00"
            variant="outlined"
          >
            <v-img class="w-8 pr-2" src="/src/icons/course/Gb.svg"></v-img>
            SharkDAO GitBook
          </v-btn>
          <p class="text pt-8 pb-5">联系人</p>
          <v-row>
            <v-col cols="12" sm="6">
              <v-btn class="w-full !h-16 text-lg" color="#17B1FF" variant="outlined">
                <v-img
                  class="w-8 pr-2"
                  src="/src/icons/course/Discord.svg"
                ></v-img>
                hiawi
              </v-btn>
            </v-col>
            <v-col cols="12" sm="6">
              <v-btn
                class="w-full !h-16 text-lg"
                color="#17B1FF"
                variant="outlined"
              >
                <v-img
                  class="w-8 pr-2"
                  src="/src/icons/course/Telegram.svg"
                ></v-img>
                cbaok
              </v-btn>
            </v-col>
          </v-row>
          <p class="text pt-8 pb-5">加入社区</p>
          <v-row>
            <v-col cols="12" sm="6">
            <v-btn class="w-full !h-16 text-lg" color="#9256FD" variant="outlined">
              <v-img
                class="w-8 pr-2"
                src="/src/icons/course/Discord2.svg"
              ></v-img>
              Community
            </v-btn>
            </v-col>
            <v-col cols="12" sm="6">
            <v-btn
              class="w-full !h-16 text-lg"
              color="#9256FD"
              variant="outlined"
            >
              <v-img
                class="w-8 pr-2"
                src="/src/icons/course/Telegram2.svg"
              ></v-img>
              Community
            </v-btn>
            </v-col>
            </v-row>
        </div>
      </v-card>
    </div>
    <div class="footer bg-white flex justify-center pt-5 pb-5">
      <p class="text-[#7A7893]">© 2022 SharkDAO Copy</p>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>

<style lang="scss" scoped>
.header {
  background-color: #cddff7;
}
.content {
  .v-card {
    margin-top: -9.25rem;
    .title {
      text-align: center;
      font-weight: 600;
      color: #736b7d;
    }
    .v-btn {
      box-shadow: 0px 0.5rem 0px #e6e6e6 !important;
    }
    .btns-wrap {
      max-width: 580px;
      margin: 0 auto;
    }
  }
}
</style>